<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">

    <title><%= title_for(current_page) %></title>
    <meta name="description" content="<%= current_page.data.description %>" />

    <%= stylesheet_link_tag "application" %>

    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">

    <link rel="shortcut icon" href="<%= image_path("favicon.png") %>">

    <script type="text/javascript" src="//use.typekit.net/xfs6zus.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

    <%= yield_content :head %>
  </head>

  <body class="<%= body_classes %>">
    <div id="header" class="navigation <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <div class="navbar-header">
              <div class="navbar-brand">
                <a class="logo" href="/">Vagrant</a>
                <a class="by-hashicorp gray" href="https://www.hashicorp.com/"><span class="svg-wrap">by</span><%= partial "layouts/svg/svg-by-hashicorp" %><%= partial "layouts/svg/svg-hashicorp-logo" %>Hashicorp</a>
              </div>
              <button class="navbar-toggle gray" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>
            <div class="buttons hidden-xs">
              <nav class="navigation-links" role="navigation">
                <ul class="external-links gray nav navbar-nav navbar-right">
                  <li class="first download">
                    <a href="/downloads.html"><%= partial "layouts/svg/svg-download" %>Download</a>
                  </li>
                  <li class="github">
                    <a href="https://github.com/mitchellh/vagrant"><%= partial "layouts/svg/svg-github" %>GitHub</a>
                  </li>
                </ul>
                <ul class="main-links gray nav navbar-nav navbar-right">
                  <li class="first li-under"><a href="/about.html">About</a></li>
                  <li class="li-under"><a href="/docs/">Docs</a></li>
                  <li class="li-under"><a href="/vmware/">VMware</a></li>
                  <li class="li-under"><a href="https://www.amazon.com/gp/product/1449335837/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1449335837&linkCode=as2&tag=vagrant-20">Book</a></li>
                  <li class="li-under"><a href="https://atlas.hashicorp.com/boxes/search">Boxes</a></li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
